我正在寻找有关如何制作侧边栏菜单(如此URL所示的菜单)的编程帮助:NettutsWebsiteLink我希望我的侧边栏能像网站上的侧边栏一样工作,并应用我自己的外观和感觉。我希望侧边栏滚动时页面固定在它自己的位置,就像它在Nettuts网站上一样。我该如何编程? 最佳答案 它是一个div,在css类声明中带有css语句position:fixed;。给你的html中的任何div这个CSS样式,你应该会看到它工作。position:fixed;height:132px;left:0;top:185px;width:24px;
我正在寻找有关如何制作侧边栏菜单(如此URL所示的菜单)的编程帮助:NettutsWebsiteLink我希望我的侧边栏能像网站上的侧边栏一样工作,并应用我自己的外观和感觉。我希望侧边栏滚动时页面固定在它自己的位置,就像它在Nettuts网站上一样。我该如何编程? 最佳答案 它是一个div,在css类声明中带有css语句position:fixed;。给你的html中的任何div这个CSS样式,你应该会看到它工作。position:fixed;height:132px;left:0;top:185px;width:24px;
我想创建一个布局,我想在其中水平对齐内容,但让每一行只能在水平方向上滚动。这是我的JSFiddleSample..x-scroller{overflow-x:scroll;overflow-y:hidden;height:100px;width:300px}.x-scrollerDIV将在循环中动态生成其内容,每个x-scrollerDIV都将同样包含一些内容,我希望这些内容只能在水平方向上滚动,如下所示下图: 最佳答案 是this你在找什么?.outer{width:500px;height:100px;white-space:n
我想创建一个布局,我想在其中水平对齐内容,但让每一行只能在水平方向上滚动。这是我的JSFiddleSample..x-scroller{overflow-x:scroll;overflow-y:hidden;height:100px;width:300px}.x-scrollerDIV将在循环中动态生成其内容,每个x-scrollerDIV都将同样包含一些内容,我希望这些内容只能在水平方向上滚动,如下所示下图: 最佳答案 是this你在找什么?.outer{width:500px;height:100px;white-space:n
我正在尝试实现一个滚动功能,它根据用户滚动的位置移动元素,这段代码目前有效并且确实移动了元素。问题是我想要一个不同函数的列表,当你根据它的id或类滚动经过某个div时,它会移动特定元素。我想如果我改变$("#pagelight2").scrollTop()它会起作用,但没有帮助任何指导将不胜感激谢谢更新后的代码有效,但每当我向上滚动动画停止移动时,它确实会出现故障-有人知道更有效的方法来让它工作吗?var$scrollingDiv=$(".Page3-PeopleWalkingDown");varp=$("#pagedark3");varoffset=p.offset();vartop
我正在尝试实现一个滚动功能,它根据用户滚动的位置移动元素,这段代码目前有效并且确实移动了元素。问题是我想要一个不同函数的列表,当你根据它的id或类滚动经过某个div时,它会移动特定元素。我想如果我改变$("#pagelight2").scrollTop()它会起作用,但没有帮助任何指导将不胜感激谢谢更新后的代码有效,但每当我向上滚动动画停止移动时,它确实会出现故障-有人知道更有效的方法来让它工作吗?var$scrollingDiv=$(".Page3-PeopleWalkingDown");varp=$("#pagedark3");varoffset=p.offset();vartop
我有一个具有固定位置的元素,但可以使用我在thisexampleonJsFiddle.中使用的jQuery计算来左右滚动$(window).scroll(function(event){varx=0-$(this).scrollLeft();vary=$(this).scrollTop();//whetherthat'sbelowtheformif(y>=top){//ifso,adthefixedclass$('.scroll_fixed').addClass('fixed');}else{//otherwiseremoveit$('.scroll_fixed').removeCla
我有一个具有固定位置的元素,但可以使用我在thisexampleonJsFiddle.中使用的jQuery计算来左右滚动$(window).scroll(function(event){varx=0-$(this).scrollLeft();vary=$(this).scrollTop();//whetherthat'sbelowtheformif(y>=top){//ifso,adthefixedclass$('.scroll_fixed').addClass('fixed');}else{//otherwiseremoveit$('.scroll_fixed').removeCla
滚动条内的可拖动元素很少(mcustomscrollbar)。如果我尝试将此元素拖动到滚动条可见区域下方的可放置区域,则滚动条不会自动向下移动。请建议如何实现这一目标。 最佳答案 在我的例子中,我使用mCustomScrollbar和jquery-sortable(https://johnny.github.io/jquery-sortable/)-我需要一种方法来移动滚动条内容,同时拖动可排序元素以获取隐藏在下方的内容。我使用jquery-sortable的onDrag事件使用mCustomScrollbarscrollTo方法移
滚动条内的可拖动元素很少(mcustomscrollbar)。如果我尝试将此元素拖动到滚动条可见区域下方的可放置区域,则滚动条不会自动向下移动。请建议如何实现这一目标。 最佳答案 在我的例子中,我使用mCustomScrollbar和jquery-sortable(https://johnny.github.io/jquery-sortable/)-我需要一种方法来移动滚动条内容,同时拖动可排序元素以获取隐藏在下方的内容。我使用jquery-sortable的onDrag事件使用mCustomScrollbarscrollTo方法移